<template>
  <!-- intro-section -->
  <section id="" class="intro-ten-Wrap bg-primary text-left text-white">
    <div class="container">
      <div class="row">
        <div class="col-md-6 intro-ten-LeftSection pb-3">
          <h1 class=" font-weight-bold text-white text-42 mb-3 t-shadow">
            Dexam-vue App Landing Page
          </h1>
          <p class=" text-20 mb-4">
            Dexam is Not Regular HTML Landing Page.HTML Version Will Be Coming
            Soon.Dexam is highly customizable Vue 2.0 7+ Bootstrap Vue Landing
            Page. Dexam is built with Official @vue/cli version 3.
          </p>
          <div class=" mb-5 lead">
            <ul class="list-inline">
              <li class=" mb-3 ">
                <i class="eva eva-checkmark-outline mr-2 text-warning"></i
                >Minimal, Intuitive and Fully Responsive Design
              </li>
              <li class="mb-3">
                <i class=" eva eva-checkmark-outline mr-2 text-warning"></i>
                Authentication Pages
              </li>
              <li class="mb-3">
                <i class="eva eva-checkmark-outline mr-2 text-warning"></i>
                Super Flexible And Customizable
              </li>
            </ul>
          </div>
          <div class="intro-ten-Buttons">
            <a
              href="#intro-demo"
              name=""
              id=""
              v-smooth-scroll
              class="half-button btn btn-outline-white btn-lg pl-5 pr-5 pb-2  mr-2 mb-4 text-uppercase"
              role="button"
            >
              View Demos
            </a>
            <a
              id=""
              href="/sessions/signup"
              class="half-button btn btn-warning btn-lg pl-5 pr-5 pb-2 mb-4 text-uppercase"
              role="button"
            >
              Sign up
            </a>
          </div>
        </div>
        <div class="col-md-6 intro-ten-RightSection d-flex align-items-center">
          <div class="intro-ten-ProductImage">
            <img
              src="@/assets/images/landing/header/demo.svg"
              class="img-responsive"
              alt="img-intro"
            />
          </div>
        </div>
      </div>
    </div>
    <div class="overlay"></div>
  </section>

  <!-- end::intro-section -->
</template>
